<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<h:head>
		<title> Distribuidora Frutos del Campo </title>
		<link rel="stylesheet" type="text/css" media="screen" href="../css/hojaDeEstilos.css" />
		<meta charset="utf-8" />
		<script type="text/javascript">
		PrimeFaces.locales['es'] = {
                closeText: 'Cerrar',
                prevText: 'Anterior',
                nextText: 'Siguiente',
                currentText: 'Inicio',
                monthNames: ['Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
                monthNamesShort: ['Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
                dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
                dayNamesShort: ['Dom','Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
                dayNamesMin: ['D','L','M','M','J','V','S'],
                weekHeader: 'Semana',
                firstDay: 1,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: '',
                timeOnlyTitle: 'Sólo hora',
                timeText: 'Tempo',
                hourText: 'Hora',
                minuteText: 'Minuto',
                secondText: 'Segundo',
                currentText: 'Fecha actual',
                ampm: false,
                month: 'Mes',
                week: 'Semana',
                day: 'Día',
                allDayText : 'Todo el día'
            };
	</script>
	</h:head>
	<h:body>
	<div id = 'contenido'>   
			<header>              
				<hgroup>          
					<a href="../home.xhtml"> <img src="../imagenes/tituloPagina.jpg" /></a>          
					<h2>Crear Factura</h2>
				</hgroup>
				<hr />
				<br />	
			</header>
	</div>

		<h:form id="formularioRegistro">
		<!-- Datos de la factura -->
		<div class="row-fluid" align="center">
		<p:focus context="panelRegistro"/>
				<h:panelGrid id="panelRegistro" columns="6" cellpadding="5">
					<h:outputLabel for="comboCliente" value="Cliente: " />
					<p:selectOneMenu id="comboCliente" required="true"
						value="#{facturaVentaNewBean.clienteSeleccionadoRegistrar}"
						converter="clienteConverter" effect="fade" label="Cliente ">
						<f:selectItem itemLabel="Seleccionar uno" itemValue="" />
						<f:selectItems value="#{facturaVentaNewBean.clientes}" var="cliente"
							itemValue="#{cliente}" itemLabel="#{cliente.codigo}" />
					</p:selectOneMenu>

					<h:outputLabel for="comboVendedor" value="Vendedor: " />
					<p:selectOneMenu id="comboVendedor" required="true"
						value="#{facturaVentaNewBean.vendedorSeleccionadoRegistrar}"
						converter="vendedorConverter" effect="fade" label="Vendedor ">
						<f:selectItem itemLabel="Seleccionar uno" itemValue="" />
						<f:selectItems value="#{facturaVentaNewBean.vendedores}"
							var="vendedor" itemValue="#{vendedor}"
							itemLabel="#{vendedor.codigo}" />
					</p:selectOneMenu>
					<h:outputLabel for="fecha" value="Fecha: " />
					<p:calendar value="#{facturaVentaNewBean.fechaRegistrar}" id="fecha"
						locale="es"
						required="true" />
				</h:panelGrid>
				<BR />
				<p:separator></p:separator>
		</div>
		<!-- Panel de Lineas de Factura -->
		<div class="row-fluid" align="left">
			<h:panelGrid id="panelLinea" columns="9" style="margin-bottom:10px" cellpadding="5">
				<h:outputLabel value="Unidades: " for="unidades" />
				<p:inputText id="unidades" style="width: 80px" required="true"
					value="#{facturaVentaNewBean.unidadesRegistrar}"
					converterMessage="Cannot convert to long.">
					<f:validateLongRange minimum="1" />
				</p:inputText>
				
				<h:outputLabel value="Producto: " for="producto" />
				<p:selectOneMenu id="producto"
					value="#{facturaVentaNewBean.productoSeleccionadoRegistrar}"
					converter="productoConverter" effect="fade" label="Producto ">
					<f:selectItem itemLabel="Seleccionar uno" itemValue="" />
					<f:selectItems value="#{facturaVentaNewBean.productos}"
						var="producto" itemValue="#{producto}"
						itemLabel="#{producto.codigo}" />
				</p:selectOneMenu>

				<h:outputLabel value="Cantidad: " for="cantidad" />
				<p:inputText id="cantidad" style="width: 80px"
					value="#{facturaVentaNewBean.cantidadRegistrar}"
					converterMessage="Cannot convert to double.">
					<f:validateDoubleRange minimum="0.0" />
				</p:inputText>
				<h:outputLabel value="Precio: " for="precio" />
				<p:inputText id="precio" style="width: 80px"
					value="#{facturaVentaNewBean.precioRegistrar}"
					converterMessage="Cannot convert to double.">
					<f:validateDoubleRange minimum="0.0" />
				</p:inputText>
				<p:commandButton id="botonAgregar" style="align: right"
					value="Agregar"
					actionListener="#{facturaVentaNewBean.agregarLinea}"
					update="panelLinea lineasRegistrar lineasTable mostrar"
					/>
			</h:panelGrid>

			 <!-- TABLA DE LINEAS DE FACTURA  -->
			<div  align="center" style="width: 800px">
			<p:panel id="mostrar">
			<p:outputPanel id="lineasRegistrar">
				<p:dataTable id="lineasTable"
					value="#{facturaVentaNewBean.lineasFacturaAux}" var="linea">
					<p:column>
						<f:facet name="header">
							<h:outputText value="Unidades" />
						</f:facet>			
						<h:outputText value="#{linea.unidades}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Producto" />
						</f:facet>
						<h:outputText value="#{linea.producto}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Cantidad total" />
						</f:facet>
						<h:outputText value="#{linea.cantidad}" />
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="Precio" />
						</f:facet>
						<h:outputText value="#{linea.precio}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Importe" />
						</f:facet>
						<h:outputText value="#{linea.importe}" />
					</p:column>
					
					<p:column style="width:1%">
						<f:facet name="header">
							<h:outputText value="Operación" />
						</f:facet>
						<p:commandLink value="Borrar" update="lineasTable"
							process="lineasTable">
							<p:collector value="#{linea}"
								removeFrom="#{facturaVentaNewBean.lineasFacturaAux}" />
						</p:commandLink>
					</p:column>
					
				</p:dataTable>
			</p:outputPanel>
			 <BR />
			<div align="right">
			<h:commandButton id="botonimprimir" value="Ver Factura"
			action="#{facturaVentaNewBean.exportarPDF}">
			</h:commandButton>
			</div>
			</p:panel>
			</div>
		
		 </div>
		 <BR />
		 <div align="center">
			<p:commandButton id="regiButton" value="Registrar" style="align:left"
				ajax="false" action="#{facturaVentaNewBean.registrarVenta}"
				update=":formularioRegistro" />
		</div>
	</h:form>

	</h:body>
</html>